.search {
  margin: -10px 0 0;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid $line-color;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 22px;
  font-size: 14px;
  color: rgba($blue, 0.7);
  transition: color $transition-easing $transition-time;
  height: 61px;

  input {
    display: block;
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0 12px;
    border: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0.4px;
    color: $white;
  }

  .button {
    display: inline;
    background-color: transparent;
    padding: 0;
    font-size: 14px;
    line-height: 1;
    color: rgba($blue, 0.7);
  }

  &:hover, &:focus {
    color: $blue;

    .button {
      color: $blue;
    }

    ::-webkit-input-placeholder {
      color: white;
    }

    :-moz-placeholder { /* Firefox 18- */
      color: white;
    }

    ::-moz-placeholder {  /* Firefox 19+ */
      color: white;
    }

    :-ms-input-placeholder {
      color: white;
    }
  }
}
